<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h4>图像标签的使用:</h4>
    <img src="img/img.jpg" />
    <h4> alt 替换文本 图像显示不出来的时候用文字替换:</h4>
    <img src="img/img1.jpg" alt="图片炸啦！~" />
    <h4> title 提示文本 鼠标放到图像上,提示的文字:</h4>
    <img src="img/img.jpg" alt="图片炸啦！~" title="这个是图片提示文字啦啦啦" />

    <h4> width 给图像设定宽度:</h4>
    <h4> height 给图像设定高度:</h4>
    <h4> border 给图像设定边框:</h4>
    <h5>一把width和height只调一个</h5>
    <h5>现在这个border很丑:(，后面会用css美化</h5>
    <img src="img/img.jpg" width="500" height="300" />
    <img src="img/img.jpg" width="500" border="15" />
</body>
</html>